<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>城市联动</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
</head>

<body>
	<header id="header">
		<!--头部文件从最下面load读取 ../public/head.html--> 
	</header>
<div class="main" id="main">
	<div class="container">
    	<!--创建表单-->
		<div class="addzw">
			<div class="form-horizontal">
                    <!--以下为表单内容-->
                    <!--每个LI 标签的开始至结束代表一个字段-->
                    <ul class="col-md-12 list-unstyled">
						<li>
							<div class="form-group">
                                <label class="col-md-2 control-label"><span class="red">*</span>工作地点</label>
                                <div class="col-md-2">
									<select class="form-control" id="s_province">
									  
									</select>
								</div>
								<div class="col-md-2">
									<select class="form-control" id="s_city">
									 
									</select>
								</div>
								<div class="col-md-2">
									<select class="form-control" id="s_county">
									 
									</select>
								</div>
                            </div>						
						</li>
						
                    </ul>
                </div>
			<div class="clear"></div>
		</div>
	</div>
</div>

<script src="../../Scripts/jquery.min.js"></script>
<!--日期选择-->
<script src="../../Scripts/jquery.datetimepicker.js"></script>
<!--城市联动-->
<script src="../../Scripts/area.js"></script>

<script>
	$(function(){
		
		
		/*城市联动*/
		_init_area();//三级联动下拉城市
		var showArea = function(){
			$('#show').html("<h3>省" + $('#s_province').val() + " - 市" + 	
			$('#s_city').val() + " - 县/区" + 
			$('#s_county').val() + "</h3>")
		}
		$('#s_county').attr('change','showArea()');
		
})
	


	
</script>

</body>
</html>
